<template>
	<u-tabbar :border-top="true" :bg-color="'#fefefe'" :icon-size="40" :mid-button-size="70" inactive-color="#333" active-color="#4A73A8" :list="tabbar"
		:mid-button="false"></u-tabbar>
</template>

<script>
	import {
		mapState
	} from 'vuex'

	export default {
		name: "my-tabbar",
		
		computed: mapState([
			// 映射 this.count 为 store.state.count
			'tabbar'
		])
	}
</script>

<style lang="scss">
	u-tabbar {
		position: fixed;
		left: 0;
		bottom: 0;
		box-shadow: 0px -10px 10px black;
	}
</style>